<template>
  <div>
    <UploadExcel :on-success="successHandler" />
  </div>
</template>

<script>
import { addEmployees } from '@/api/emloyees'
import { formatExcelDate } from '@/utils/index'
export default {
  name: 'VueAdminTemplateMasterImport',

  data() {
    return {

    }
  },

  methods: {
    async successHandler(excelData) {
      // console.log(excelData)
      const mapInfo = {
        '入职日期': 'timeOfEntry',
        '手机号': 'mobile',
        '姓名': 'username',
        '转正日期': 'correctionTime',
        '工号': 'workNumber',
        '部门': 'departmentName',
        '聘用形式': 'formOfEmployment'
      }
      var arr = Object.keys(mapInfo)
      // console.log(arr)
      var newArr = excelData.results.map(item => {
        // console.log(item)
        const obj = {}
        arr.forEach(key => {
        // 通过循环遍历arr数组将mapInfo对象中的值拿到
          const enkey = mapInfo[key]
          // 通过item[key]拿到导入的对象中的值赋给转换成中文的键添加到obj对象中返回得到三个员工对象
          // console.log(mapInfo[key], item[key])
          // 因为时间的格式不正确所以需要转换
          if (enkey === 'timeOfEntry' || enkey === 'correctionTime') {
            obj[enkey] = new Date(formatExcelDate(item[key]))
          } else {
            obj[enkey] = item[key]
          }
        })
        return obj
      })
      console.log(newArr)
      // 发送请求
      const res = await addEmployees(newArr)
      if (res.code !== 10000) {
        this.$message.error('不能出现相同的数据!')
      } else {
        this.$message.success('添加成功!')
        this.$router.push('/employees')
      }
    }
  }
}
</script>

<style lang="scss" scoped>

</style>
